{% load static %}
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta charset="utf-8">
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <title>新規登録</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link href="{% static 'uc/css/iconfont/iconfont.css' %}" rel="stylesheet"/>
    <link href="{% static 'uc/css/common.css' %}" rel="stylesheet"/>
    <link href="{% static 'uc/css/login.css' %}" rel="stylesheet"/>
    <style type="text/css">
        .data{
            display: flex;
        }
        .data_left{
            width: 5px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin-right: 5px
        }
        .data_right{
            white-space: nowrap;
            /* 自动向右对齐 */
            /*margin-left: auto;*/
        }
    </style>
</head>
<body>
<!--头部-->
    <div class="login-header">
        <div class="wrapper">
            <a href="{% url 'index' %}" class="logo">
                <img style="width: 60%;" src="{% static 'uc/img/logo7.png' %}" alt="" />
            </a>
{#            <div class="zp">#}
{#                <span class="ico"></span>#}
{#                <div>正品保障</div>#}
{#            </div>#}
        </div>
    </div>
    <div class="login-main-wrap">
        <div class="login-main wrapper">
            <div class="login-box" style="height: 524px;">
                <form action="/register/" method="POST">
                    {% csrf_token %}
                    <div class="box-hd">
                        <span class="tit">新規登録</span>
                        <a href="{% url 'login' %}">ログイン</a>
                    </div>
                    <div class="data" >
                        <div class="data_left"><span style="color:red;line-height: 52px;">*</span></div>
                        <div class="data_right">
                            <label class="txtin-box">
                                <input class="txtin" type="text" name="username" placeholder="アカウント" required style="width:310px"/>
                            </label>
                        </div>
                    </div>
                    <div class="data" >
                        <div class="data_left"><span style="color:red;line-height: 52px;">*</span></div>
                        <label class="txtin-box">
                            <input class="txtin" type="text" name="email" placeholder="E-mail" required style="width:310px"/>
                        </label>
                    </div>
                    <div class="data" >
                        <div class="data_left"></div>
                        <label class="txtin-box txtin-box-code">
                            <input class="txtin" type="number" name="mobile" placeholder="携帯" style="width:310px"/>
    {#                        <a href="" class="get-yzm">获取验证码</a>#}
                        </label>
                    </div>
                    <div class="data" >
                        <div class="data_left"><span style="color:red;line-height: 52px;">*</span></div>
                        <label class="txtin-box">
                            <input class="txtin" type="password" name="password" placeholder="パスワード" required style="width:310px"/>
                        </label>
                    </div>
                    <div class="data" >
                        <div class="data_left"><span style="color:red;line-height: 52px;">*</span></div>
                        <label class="txtin-box">
                            <input class="txtin" type="password" name="password2" placeholder="パスワード確認" required style="width:310px"/>
                        </label>
                    </div>
                    <div class="clearfix tool" style="margin-bottom: 0px;>
                        <label class="check"><input type="checkbox" name="allow" id="" />利用規約および個人情報保護方針に同意する</label>
                    </div>
                    {% if message %}
                        <div class="alert alert-warning" style="color:red">{{ message }}</div>
                    {% endif %}
                    <input class="tj" type="submit" style="margin-top: 10px;" value="新規登録" />
{#                    <div class="other-way clearfix">#}
{#                        <a class="item first" href="">#}
{#                            <img src="img/login/weixin.jpg" alt="" class="ico" />#}
{#                            <span class="label">微信</span>#}
{#                        </a>#}
{#                        <a class="item" href="">#}
{#                            <img src="img/login/qq.jpg" alt="" class="ico" />#}
{#                            <span class="label">微信</span>#}
{#                        </a>#}
{#                        <a class="item" href="">#}
{#                            <img src="img/login/sina.jpg" alt="" class="ico" />#}
{#                            <span class="label">微信</span>#}
{#                        </a>#}
{#                    </div>#}
                </form>
            </div>
        </div>
    </div>

    <div class="login-footer">
        Chemtimes Copyright
        <div class="authentication">
            <a href=""><img src="{% static 'uc/uploads/35.jpg' %}" alt="" /></a>
{#            <a href=""><img src="uploads/36.jpg" alt="" /></a>#}
{#            <a href=""><img src="uploads/37.jpg" alt="" /></a>#}
{#            <a href=""><img src="uploads/38.jpg" alt="" /></a>#}
        </div>
    </div>
</body>
<script src="{% static 'uc/js/jquery.js' %}"></script>
<link rel="stylesheet" href="{% static 'uc/js/icheck/style.css' %}"/>
<script src="{% static 'uc/js/icheck/icheck.min.js' %}"></script>
<script src="{% static 'uc/js/global.js' %}"></script>
<script>
    $('.check input').iCheck({
            checkboxClass: 'sty1-checkbox'
        });
</script>
</html>